function Hello () {
  return <span>Hello</span>;
}

function World () {
  return <span>World</span>;
}

// 安全实践：请使用一对括号来包装JSX中的多行返回语句

// 方式1：<div>
// function HelloWorld () {
//   return ( 
//     <div> 
//       <Hello/> <World/>! 
//     </div> 
//   );
// }

//方式2：Fragment
function HelloWorld () {
  return ( 
    <React.Fragment> 
      <Hello/> <World/>! 
    </React.Fragment> 
  );
}

//方式3：空标签
// function HelloWorld () {
//   return ( 
//     <> 
//       <Hello/> <World/>! 
//     </> 
//   );
// }

export default HelloWorld;